<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/stacks/nominate.css" />
		<link rel="stylesheet" href="../../css/vCloak.css" />

	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav">
	      <div class="navvv" >
	      	  <div class="headleft">名师推荐</div>
	      	  <div class="headright">书城</div>
	      </div>
	      <img src="../../imges/search icon.png" style="background: #21B0FD; float: right; margin:-30px 0px 0px 0px ;">
	   </header>-->

		<div class="main mui-content">
			<div class="select">
				<div type="button" class="mui-btn type">
					<div class="selectiontype">适合年级</div>
					<div class="down"></div>
				</div>
				<div type="button" class="mui-btn popular">
					<div class="selectiontype">全部类型</div>
					<div class="down"></div>
				</div>
			</div>
			<div class="typemain">
				<div class="genre">
					<div>适合年级</div>
					<div>一年级</div>
					<div>二年级</div>
					<div>三年级</div>
					<div>四年级</div>
					<div>五年级</div>
					<div>六年级</div>
				</div>
				<div class="genre popular">
					<!--类型-->
					<div class="">全部类型</div>
					<div v-for="cls in cls" :uid="cls.uid" v-cloak>{{cls.categoryName}}</div>

				</div>
			</div>
			<div id="offCanvasContentScroll" class="main mui-scroll-wrapper">
				<div class="mui-scroll">
					<div>
						<div class="mainclass" :bookid="books.bookId" :bookuid="books.bookUid" v-for="(books,index) in booksl">
							<div class="format"><img :src="books.bookPic" /></div>
							<div class="detailed">
								<div class="title">
									<div class="title_name" v-cloak>{{books.bookName}}</div>
									<div class="type" v-cloak>{{books.grade}}</div>
								</div>
								<div class="data">
									<div v-cloak>{{books.gradeLevel}}</div>
									<div v-cloak>{{books.readCount}}人在阅读</div>
								</div>
								<div class="operation">

									<div class="scoring" v-for="n in pingfen[index]"></div>
									<div class="scoring_two" v-if="trues[index]"></div>

									<div v-for="n in 5-pingfen[index]"></div>

									<span class="score" v-cloak>{{books.mark}}分</span>
									<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined add added"  v-if="books.hasAdd">已添加</button>
									<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined add" v-else>添加</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/mui.pullToRefresh.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/stacks/nominate.js"></script>
	</body>

</html>